<html>
<head>
    <!--<script src="./jq.js"></script>-->
    <!--<script src="./jq1.js"></script>-->
    <!--<script src="./jq2.js"></script>-->
    <!--<script src="./jq3.js"></script>-->
    <!--<script src="./jq4.js"></script>-->
    <!--<script src="./jq5.js"></script>-->
    <!--<script src="./jq6.js"></script>-->
</head>
<body>
test script load
<script>
    console.dir('begin')

    document.addEventListener("DOMContentLoaded", function (event) {
        console.log("dom loaded");
    });

    window.addEventListener("load", function (event) {
        console.log("load");
    });

    // for(var i=0; i<1000000000; i++) {}

    // function doSomething() {
    //     console.info("DOM loaded");
    // }

    // if (document.readyState === "loading") {  // Loading hasn't finished yet
    //     document.addEventListener("DOMContentLoaded", doSomething);
    // } else {  // `DOMContentLoaded` has already fired
    //     doSomething();
    // }
</script>
<script src="./jq7.js" defer></script>
<script src="common.js" defer></script>
<script src="./async1.js" defer async></script>
<script src="./async2.js" defer async></script>
</body>
</html>
